﻿html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}
#full-screen-slider {
	width: 100%;
	height: 648px;
	position: absolute;

}
#slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:21%; top:600px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }
#pagination li { display:block; list-style:none; width:10px; height:10px; opacity:0.5; float:left; margin-left:15px; border: 1px solid; border-color:#4f4f4f; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#4f4f4f;}
@media only screen and (max-width:800px){
	#full-screen-slider {
	width: 100%;
	height: 324px;
	position: absolute;
}
	#slides { display:block; width:100%; height:324px; list-style:none; padding:0; margin:0; position:absolute;}
	#pagination { display:block; list-style:none; position:absolute; left:1%; top:300px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }	
}
@media screen and (min-device-width: 1024px) and (max-width:1280px){
	#full-screen-slider {
	width: 100%;
	height: 520px;
	position: absolute;
}
	#pagination { display:block; list-style:none; position:absolute; left:12%; top:482px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }	
	}
@media screen and (min-width: 1440px) and (max-width:1750px){
	#full-screen-slider {
	width: 100%;
	height: 752px;
	position: absolute;
}
	#pagination { display:block; list-style:none; position:absolute; left:24.5%; top:680px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }	
	#pagination li { display:block; list-style:none; width:13px; height:13px; float:left; margin-left:18px; border-radius:10px; background:#FFF }
}
@media screen and (min-width: 1750px) and (max-width:2200px){
	#full-screen-slider {
	width: 100%;
	height: 850px;
	position: absolute;
}
	#pagination { display:block; list-style:none; position:absolute; left:29%; top:760px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }	
	#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:30px; border-radius:10px; background:#FFF }
}
@media only screen and (min-width: 420px) and (max-width:800px){
	#pagination { display:block; list-style:none; position:absolute;  top:285px; z-index:9900;  padding:0px 0px 0px 0; margin:0; }	
}
	